<html manifest="{$Think.__APP_PUBLIC__}/gallery.appcache">
	<meta http-equiv="charset" content="UTF-8"/>
	<head>
		<title>别人家的兔爷</title>
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/reset.css" />
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/font_awesome/css/font-awesome.css" />
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/{$Think.MODULE_NAME}/{$Think.ACTION_NAME}.css" />
		<script src="{$Think.__APP_PUBLIC__}/js/jquery-1.10.2.js"></script>
		<script src="{$Think.__APP_PUBLIC__}/js/{$Think.MODULE_NAME}/{$Think.ACTION_NAME}.js"></script>
		<script>
			var HOST_NAME = "{$Think.HOST_NAME}";
			var thumb_amount = <php>echo count($thumb_files);</php>;
			var current_photo_index = {$img_index['current_index']};
		</script>
	</head>
	<body>
		<div class="top">
			<div class="button_prev">
				<span class="fa fa-chevron-left page_button" data-target_index="{$img_index['prev_index']}"></span>
			</div>
			<div class="image">
				<img src="{$img_info['url']}" style="width:{$img_info['width']}px;height:{$img_info['height']}px;" />
				<span class="page">{$img_index['current_index']} / {$img_index['total']}</span>
			</div>
			<div class="button_next">
				<span class="fa fa-chevron-right page_button" data-target_index="{$img_index['next_index']}"></span>
			</div>
		</div>
		<div class="bottom">
			<div class="photo_thumb_list">
				<div class="thumb_box">
					<volist name="thumb_files" id="vo" key="i">
						<img src="{$Think.__APP_PUBLIC__}/photo/thumb/{$vo}" data-thumb_index="{$i}" />
					</volist>
				</div>
			</div>
		</div>
	</body>
</html>
